<template>
  <div class="about_index">
    <div class="about_item">
      <img src="@/assets/img/industry/bg.jpg" class="banner_bg" />
      <div class="about_center">
        <div class="about_left">
          <div class="about_title">行业子平台</div>
          <div
            class="about_content"
          >根据不同行业的具体应用场景，针对部分具有共性特征的应用场景，打造垂直、细化、具体的全方位工业领域专业级服务</div>
        </div>
      </div>
    </div>
    <div class="section1">
      <div class="center">
        <div class="title">SMT行业平台</div>
        <p>&emsp;&emsp;中电SMT行业云平台融合了IOT、大数据、AI、物联网等多项先进技术“销-供-产-研-质”一体化集成解决方案。从设备终端到数据采集云上，从数据采集、传输、计算、存储、展现到分析，提供了全面的基础产品和服务。中电SMT行业云平台打通了原材料供应商、生产商与终端客户的供需对接，构建SMT在线制造、采购平台,解决了市场难问题;建立了基于区块链的供应链金融合作模式,解决融资难问题;针对SMT生产商，建立了基于工业互联网的SMT改造新模式,解决改造难问题;开发了丰富的基于大数据的SMT工业APP,解决质量提升难问题。</p>
        <img src="@/assets/img/industry/industry1.png" class="synopsisImg" />
        <el-button class="au_but">点击跳转</el-button>
      </div>
    </div>

    <div class="section">
      <div class="center">
        <div class="title">数字零售行业平台</div>
        <p>&emsp;&emsp;以自动售卖机产业为切入点，利用工业互联网+区块链+供应链金融+智慧终端，结合大数据、AI、身份识别等先进技术手段，对商品生产、流通与销售过程进行升级改造，对商品及食品安全溯源，从而重塑业态结构与生态圈、供应链，并对线上服务、线下体验以及现代物流进行深度融合的智慧零售新模式，最终形成以消费者体验为中心的数据驱动的泛零售形态；通过对设备生产商及其上游进行延伸，形成自动机具行业产业链制造供给平台，调整产业结构，将设备厂商、运营商、供货商由原来的按产定销改变为按需定产，引导促进供给侧改革，同时提供针对制造、运营企业的产业金融服务，帮助企业共同成长，实现多赢的新业态模式。</p>
        <p>&emsp;&emsp;通过打通无人售货设备上下游产业链，打造集智能设备采购、专业运营、供应链配送和金融服务为一体的服务平台。利用智能制造大批量生产智能的无人零售设备，利用物联网技术实现设备互联进行统一运维，利用互联网技术进行快销品的安全监管，通过设备运营数据分析实现零售行业的商品营销策略，快速推动零售行业的发展。</p>
        <img src="@/assets/img/industry/industry2.jpg" class="synopsisImg" />
        <el-button class="au_but">点击跳转</el-button>
      </div>
    </div>
  
  </div>
</template>

<script>
export default {
  data() {
    return {

    };
  },
  methods: {
  
  }
};
</script>

<style lang="less" scoped>
.map {
  width: 100%;
  height: 600px; //必须给容器指高度，要不然地图将显示在一个高度为0的容器中，自然看不到
  /deep/ .anchorBL {
    //隐藏左下角百度地图logo
    display: none;
  }
}

.banner_bg {
  width: 100%;
  height: 560px;
  position: absolute;
  left: 0;
  top: 0;
}
.about_item {
  color: #fff;
  height: 560px;
  .about_center {
    position: absolute;
    height: 560px;
    left: 50%;
    top: 0;
    width: 1600px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
     max-width: 1330px;
    // justify-content: center;
    .about_left {
      max-width: 1330px;
      display: flex;
      flex-direction: column;
      .about_title {
        color: #fff;
        font-size: 60px;
        margin-bottom: 20px;
      }
      .about_content {
          max-width: 900px;
        color: #fff;
        font-size: 30px;
         line-height: 50px;
        font-weight: 300;
        margin-top: 10px;
      }
    }
  }
}
.section {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.section1 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fbff;
}
.section2 {
  background: url("../../assets/img/contect.png");
  margin-top: -20px;
  text-align: center;
  width: 100%;
  height: 80px;
}
.center {
  width: 1280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
}
.title {
  color: #333;
  margin: 0 0 40px;
  font-size: 28px;
  font-weight: 300;
}
p {
  margin-top: 10px;
  line-height: 30px;
  text-align: left;
}

.synopsisImg {
  width: 1280px;
}
.honour_box {
  display: flex;
  margin: 10px 0;
  justify-content: center;
  width: 100%;
  .honour_card {
    width: 44%;
    height: 450px;
    background: #fff;
    margin: 10px 20px;
    border: 1px solid #0068f7;
    .honour_up {
      width: 100%;
      text-align: center;
      .honour_img {
        padding: 10px 0 5px 0;
      }
      .honour_title {
        font-size: 18px;
        margin: 0;
      }
    }
    .honour_down {
      width: 90%;
      margin: 0 5%;
      padding: 10px 0 10px 0;
      text-align: left;
    }
  }
}
.honor_details {
  line-height: 15px;
}
.au_but {
  margin: 25px;
  background: linear-gradient(0deg, #1361fb, #5670b2);
  border: 0;
  color: #fff;
}
.au_but:hover {
  background: #40a9ff;
  border: 0;
  color: #fff;
}
</style>